<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-注册页面！</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <div class="w">
        <!-- 头部开始 -->
        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="./img/logo.png" alt=""></a>
            </div>
        </div>
        <!-- 头部结束 -->

        <!-- 注册区域开始 -->
        <div class="register">
            <h3>
                注册新用户
                <em class="login">
                    我有帐号，去<a href="login.html">登录</a>
                </em>
            </h3>
            <div class="reg-form">
                <form action="">
                    <ul>
                        <li>
                            <label for="tel">手机号：</label>
                            <input type="text" class="inp" id="tel">
                            <span class="error">
                                <i class="error-ico"></i>
                                手机号格式错误，请重新输入！
                            </span>
                        </li>
                        <li>
                            <label for="check-num">短信验证码：</label>
                            <input type="text" class="inp" id="check-num">
                            <div class="fa">发送验证码</div>
                        </li>
                        <li>
                            <label for="psd">登录密码：</label>
                            <input type="password" class="inp" id="psd">
                            <span class="success">
                                <i class="success-ico"></i>
                                密码格式正确！
                            </span>
                        </li>
                        <li class="safe">
                            安全程度:
                            <em class="ruo">弱</em>
                            <em class="zhong">中</em>
                            <em class="qiang">强</em>
                        </li>
                        <li>
                            <label for="check-psd">确认密码：</label>
                            <input type="password" class="inp" id="check-psd">
                            <span class="success">
                                <i class="success-ico"></i>
                                密码输入正确！
                            </span>
                        </li>
                        <li class="agree">
                            <input type="checkbox" name="" id=""> 同意协议并注册
                            <a href="javascript:;">《品优购用户协议》</a>
                        </li>
                        <li>
                            <a href="index.html" class="over">
                                完成注册
                            </a>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
        <!-- 注册区域结束 -->

        <!-- foot开始 -->
        <div class="foot">
            <div class="w">
                <p class="foot-link">
                    <a href="javascript:;">关于我们</a>|
                    <a href="javascript:;">联系我们</a>|
                    <a href="javascript:;">联系客服</a>|
                    <a href="javascript:;">商家入驻</a>|
                    <a href="javascript:;">营销中心</a>|
                    <a href="javascript:;">手机品优购</a>|
                    <a href="javascript:;">友情链接</a>|
                    <a href="javascript:;">销售联盟</a>|
                    <a href="javascript:;">品优购社区</a>|
                    <a href="javascript:;">品优购公益</a>|
                    <a href="javascript:;">English Site</a>|
                    <a href="javascript:;">Contact U</a>
                </p>
                <p>
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                </p>
                <p class="foot-copyright">
                    京ICP备08001421号京公网安备110108007702
                </p>
            </div>
        </div>
        <!-- foot结束 -->
    </div>
</body>

</html>